<template>
	<view>
		<view class="p-30">
			<u-search placeholder="请输入搜索关键词"></u-search>
			<u-swiper class="mt-30" :list="banners" @change="change" showTitle keyName="image" height="200" radius="10"></u-swiper>
			<view class="menu-box mt-30">
				<u-grid :border="false" @click="click" :col="2">
					<u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex" :customStyle="{height:160+'rpx'}">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" :name="baseListItem.name" :size="22"></u-icon>
						<text class="grid-text">{{baseListItem.title}}</text>
					</u-grid-item>
				</u-grid>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				banners: [{
						image: "https://scpic2.chinaz.net/files/default/imgs/2024-11-27/620753ac03713f82_s.jpg",
						title: "党建引领，乡村振兴",
					},
					{
						image: "https://scpic2.chinaz.net/files/default/imgs/2024-11-22/f41bf29a3a2864fd_s.png",
						title: "服务民生，共建和谐",
					},
					{
						image: "https://scpic2.chinaz.net/files/default/imgs/2024-11-22/d3aba650dc0ac733_s.png",
						title: "治理有方，成果显著",
					},
				],
				baseList: [{
				                   name: 'photo',
				                   title: '化解矛盾，共建和谐',
								   path:'#'
				                   },
				                   {
				                       name: 'lock',
				                       title: '学法用法，平安乡村',
									   path:'#'
				                   },
				                   {
				                       name: 'star',
				                       title: '服务到家，温暖乡村',
									   path:'#'
				                   },
				                   {
				                       name: 'star',
				                       title: '提交需求',
									   path:'/pages/mediation/post_cases'
				                   }
				               ]
			}
		},
		methods: {
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f7f7f7;
	}
	.menu-box{
		border-radius:10px;
		background-color: white;
	}
</style>